{template "header.html"}


<!-- HEADER END -->
<div class="inner-page-main">
    <div class="bread-crumb">
        <ul>
            <li><a href="/">{usu_fanyi('Home', $language)}</a></li>
            <li>></li>
            <li><span>{usu_fanyi($cat['name'], $language)}</span></li>
        </ul>
    </div>
    <div class="main1">
        <div class="inner-page-r center">

            <section class="case-listing">
                <ul>
                    {module module=news catid=$cat['id'] page=1}
                    <li>
                        <div class="item">
                            <div class="case-listing-frame"><a href="{$t['url']}"><img src="{dr_get_file($t['thumb'])}"
                                                                                          alt="{usu_fanyi($t['title'], $language)}"></a></div>
                            <a href="{$t['url']}"><h3>{usu_fanyi($t['title'], $language)}</h3></a>
                            <p>{usu_fanyi($t['description'], $language)}</p>
                            <span><a href="{$t['url']}">Details</a></span>
                        </div>
                    </li>
                    {/module}
                </ul>
            </section>
            <!--分页-->
            <div class="pages">
                {$pages}
            </div>
            <style>
                .pages .active{
                    border: 0px ;
                    background:#107f8a;
                    color: white;
                }
                .pages .active a{
                    color: #ffffff;
                }
                .pages .active span{
                    padding: 10px 15px;
                }
                .pages .disabled span{
                    padding: 10px 15px;
                }
                .pages .disabled{
                    margin: 0 5px;
                    /*line-height: 40px;*/
                    background: #107f8a;
                    color: white;
                }
                .pages {
                    margin: 40px 0 ;
                }
                .pagination {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .pagination li {
                    border: 1px solid #ccc;
                    margin: 0 5px;
                    line-height: 30px;
                    font-size: 14px;
                }
                .pagination li a{
                    padding: 10px 15px;
                    line-height: 15px;
                }

            </style>
        </div>
        <div class="sidebar">
            <div class="sidebar-block-but"><span>{usu_fanyi("more products", $language)}</span>
                <button type="button" onclick="product()"><i class="iconfont"></i></button>
            </div>
            <div class="sidebar-c">
                <div class="sidebar-box" id="product">
                    <div class="sidebar-title">
                        <span>{usu_fanyi("Products", $language)}</span>
                    </div>
                    <div class="sidebar-product">
                        {category module=share pid=1}
                        {if $t.child}
                        <dl>
                            <dt>
                                <a href="{$t.url}" title="{usu_fanyi($t.name, $language)}">
                                    <i class="iconfont">&#xe60e;</i>
                                    {usu_fanyi($t.name, $language)} </a>
                            </dt>
                            {category module=share pid=$t.id}
                            <dd><a href="{$t.url}" title="Solar Street Light">{usu_fanyi($t.name, $language)}</a></dd>
                            {/category}
                        </dl>
                        {else}
                        <dl>
                            <dt>
                                <a href="{$t.url}" title="{usu_fanyi($t.name, $language)}">
                                    <i class="iconfont">&#xe60e;</i>
                                    {usu_fanyi($t.name, $language)} </a>
                            </dt>
                        </dl>
                        {/if}
                        {/category}

                    </div>
                </div>

                <div class="hot_p">
                    <div class="sidebar-title">
                        <span>{usu_fanyi("Hot Products", $language)}</span>
                    </div>
                    <ul>
                        {module module=news flag=1 num=6}
                        <li>
                            <div class="item">
                                <a href="{$t['url']}"><img
                                        src="{dr_get_file($t['thumb'])}"
                                        alt="{usu_fanyi($t['title'], $language)}"></a>
                                <div class="th"><a href="{$t['url']}">{usu_fanyi($t['title'], $language)}</a></div>
                            </div>
                        </li>
                        {/module}
                    </ul>
                </div>

                <div class="contact-list">
                    <div class="sidebar-title">
                        <span>{usu_fanyi("Contact Details", $language)}</span>
                    </div>
                    <table cellpadding="0" cellspacing="0">
                        <tbody>
                        <tr>
                            <th><i class="iconfont">&#xe6ac;</i>{usu_fanyi("Phone", $language)} :</th>
                            <td><a href="tel:{$dianhua}">{$dianhua}</a></td>
                        </tr>
                        <tr>
                            <th><i class="iconfont">&#xe61d;</i>{usu_fanyi("Email", $language)} :</th>
                            <td><a href="mailto:{$youxiang}">{$youxiang}</a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                initSidebarClicker('span', '+', '-')
            })

            function product() {

                if (document.getElementById('product').style.display == 'none') {

                    document.getElementById('product').style.display = 'block'
                } else {
                    document.getElementById('product').style.display = 'none'
                }
            }

        </script>
    </div>
</div>
{template "footer.html"}